

.comContent .banner {
  height: 85px;
  width: 100%;
  border-radius: 12px;
  font-size: 29px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  line-height: 85px;
  margin-bottom: 16px;
  background-color: #3377FF;
  letter-spacing: 12px;
  cursor: pointer;
}

.comContent .warp_parent {
  width: 100%;
}
.comContent .warp_parent .col_9{
  float: left;
  width: 66%;
}
.comContent .warp_parent .col_3{
  float: right;
  width: 32%;
}
.comContent .warp_parent .bjcx {
  height: 252px;
  /* overflow: auto; */
}
.comContent .warp_parent .bjcx .bjcxMenu{
  color: #3377FF;
  height: 168px;
  width: 100%;
  overflow: auto;
  font-size: 16px;
  margin-top: 10px;
  box-sizing: border-box;
}
.warp_parent .bjcx .bjcxMenu .bjcxMenu_li{
  float: left;
  margin: 0 32px 16px 0;
  cursor: pointer;
}
.warp_parent .bjcx .bjcxMenu .bjcxMenu_li:hover{
  text-decoration: underline;
}
/* .warp_parent .bjcx .bjcxMenu .bjcxMenu_li::-webkit-scrollbar-track {
  width: 0.03px;
  opacity: 0.1;
  border-radius: 0.02px;
  background-color: #000000;
}
.warp_parent .bjcx .bjcxMenu .bjcxMenu_li::-webkit-scrollbar-thumb {
  width: 0.03px;

  border-radius: 0.02px;
  background-color: #000000;
}
.warp_parent .bjcx .bjcxMenu .bjcxMenu_li::-webkit-scrollbar{
  background-color: #000000;
} */
.comContent .cont_warp{
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  padding-bottom: 6px;
  margin-bottom: 13px;
  box-sizing: border-box;
}
.comContent .warpPadding{
  padding: 24px 0;
}
.warpPadding .title{
  padding: 0 24px;
}
.comContent .cont_warp .title{
  font-size: 17px;
  font-weight: 700;
  color: #333;
}
.comContent .cont_warp .edit{
  float: right;
  font-size: 16px;
  font-weight: 400;
  color: #30A0F6;
  cursor: pointer;
}
.comContent .cont_warp .warp_ul{
  margin-top: 16px;
  padding-left: 6px;
}
.cont_warp .warp_ul .warp_li {
  float: left;
  height: 92px;
  width: 134px;
  padding: 22px 23px;
  background-color: #f7f9fb;
  border: 1px solid #f7f9fb;
  margin: 0 18px 16px;
  border-radius: 12px;
  cursor: pointer;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
.cont_warp .warp_ul .warp_li img{
  height: 29px;
  width: 29px;
  margin-bottom: 2px;
}
.cont_warp .warp_ul .warpLast{
  margin-right: 0;
  /* float: right; */
}
.cont_warp .warp_ul .warp_li:hover{
  border: 1px solid #3377ff;
  box-shadow: 3px 2px 16px 0px rgba(0,51,152,0.14);
  transition: all 0.1s;
  border-radius: 9px;
}
.cont_warp .warp_ul .warp_li p {
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  height: 19px;
  color: #666;
}
.cont_warp .warp_ul .warp_li p span {
  font-size: 23px;
  font-weight: 700;
  color: #333;
  display: inline-block;
  overflow: hidden;
  max-width: 65px;
  height: 19px;
  line-height: 19px;
  vertical-align: sub;
}
.cont_warp .warp_ul .warp_li .warp_p {
  height: 16px;
  margin-top: 10px;
  overflow: hidden;
}
.cont_warp .warp_ul .warp_li .iconfont{
  height: 29px;
  width: 29px;
  font-size: 27px;
  display: inline-block;
  margin-bottom: 5px;
  font-weight: 800;
  color: #3377FF;
}
.cont_warp .warp_ul .tianjia {
  text-align: center;
}
.cont_warp .warp_ul .tianjia p {
  color: #3377FF;
}
.comContent .heightMenu {
  height: 252px;
  box-sizing: border-box;
}
.comContent .cont_warp .linkMenu {
  margin-top: 13px;
  height: 180px;
  overflow: auto;
}
.cont_warp .linkMenu .linkMenu_li {
  float: left;
  width: 124px;
  height: 80px;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  margin-bottom: 10px;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
}
.linkMenu .linkMenu_li .linkMenu_img{
  width: 43px;
  height: 43px;
  margin: 10px auto;
  margin-bottom: 8px;
  border-radius: 16px;
}
.linkMenu .linkMenu_li .linkMenu_img img{
  height: 100%;
  width: 100%;
  /* margin: 10px auto; */
}
/* 派单处理 */
.cont_warp .area_warp {
  margin: 0 auto;
  background: #fbfbfb;
  padding: 10px 20px;
  border: 1px solid #e5e5e5;
}
.cont_warp .area_warp .search{
  font-size: 10px;
  color: #333;
  margin-bottom: 80px;
}
.cont_warp .area_warp .search .search_tit{
  float: left;
  width: 64px;
  font-weight: 700;
}
.area_warp .search .search_ul{
  float: left;
}
.area_warp .search .search_ul .search_li {
  cursor: pointer;
  float: left;
  height: 16px;
  line-height: 16px;
  font-size: 10px;
  margin-right: 20px;
}

/* 复选框样式 */
.checkbox{
  display: inline-block;
  cursor: pointer;
  height: 20px;
  line-height: 20px;
}
.checkbox .checkboxs {
  cursor: pointer;
  float: left;
  height: 20px;
  width: 20px;
  color: #ccc;
  margin-right: 6px;

}
.checkbox .checked{
  float: left;
  height: 20px;
  width: 20px;
  color: #2E6BF0;
  cursor: pointer;
  margin-right: 6px;

}
.icon-fxk1, .icon-dx1 {
  float: left;
  height: 20px;
  width: 20px;
  color: #2E6BF0;
  cursor: pointer;
  margin-right: 6px;

  font-family: "iconfont" !important;
  font-size: 20px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-fxk, .icon-dx{
  cursor: pointer;
  float: left;
  height: 20px;
  width: 20px;
  color: #ccc;
  margin-right: 6px;

  font-family: "iconfont" !important;
  font-size: 20px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* 按钮样式 */
.btn {
  font-size: 14px;
  padding: 5px 20px;
  border: 1px solid #ddd;
  border-radius: 4px;
  height: 32px;
}
/* 弹框 */
.alert {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
}

.alert .alert_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.5;
    /* ie8透明 */
    filter: alpha(opacity=20);
}

.alert .alert_div {
    width: 581px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -260px -290px;
    border-radius: 4px;
}

.alert .alert_div p {
    color: #666;
}

.alert .alert_div .alert_title {
    height: 47px;
    line-height: 47px;
    border-bottom: 1px solid #bfbfbf;
    font-weight: bold;
    padding-left: 25px;
    font-size: 19px;
    color: #333;
}
.alert .alert_div .alert_title img{
  float: right;
  height: 16px;
  width: 16px;
  margin-top: 15px;
  margin-right: 23px;
  cursor: pointer;
}
.alert .alert_div .chang_login {
  position: relative;
  width: 100%;
  height: 301px;
  font-size: 14px;
  background-color: #fff;
  box-sizing: border-box;
  padding: 0 0 0 23px;
  margin: 23px 0 19px 0;
  box-sizing: border-box;
  overflow: hidden;
}
.alert .alert_div .chang_login .warpLeft{
  float: left;
  width: 48%;
  height: 301px;
  border-right: 1px solid #e5e5e5;
  box-sizing: border-box;
}
.alert .alert_div .chang_login .title{
  font-weight: bold;
  color: #333;
}
.alert .alert_div .chang_login .warpLeft .warpCont{
  margin-top: 15px;
  padding-right: 16px;
  height: 267px;
  overflow: auto;
}
/* 滑块样式 */
.alert .warpCont::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background-color: #E5E5E5;
}
.alert .warpCont::-webkit-scrollbar-track {
  border-radius: 4px;
  background-color: #E5E5E5;
}
.alert .warpCont::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #999;
}

.alert .alert_div .chang_login .warpLeft .warpCont .warpContLi {
  background-color: #CDE8FD;
  border-radius: 8px;
  padding-left: 11px;
  color: #333;
  height: 31px;
  line-height: 31px;
  margin-bottom: 4px;
  cursor: pointer;
}
.alert .alert_div .chang_login .warpRight{
  float: left;
  width: 48%;
  padding-left: 16px;
}
.alert .alert_div .chang_login .warpRight .warpNum{
  float: right;
  font-size: 17px;
}
.alert .alert_div .chang_login .warpRight .warpCont{
  margin-top: 15px;
  height: 267px;
  overflow: auto;
  padding-right: 16px;
}
.alert .alert_div .chang_login .warpRight .warpCont li{
  background-color: #CDE8FD;
  border-radius: 8px;
  padding-left: 11px;
  color: #333;
  height: 31px;
  line-height: 31px;
  margin-bottom: 4px;
  cursor: pointer;
}
.alert .alert_div .chang_login .warpRight .warpCont img{
  float: left;
  margin: 9px 9px 0 0;
}
.alert_div .chang_login .alret_tip {
  width: 100%;
  margin: 10px 0;
  font-weight: bold;
}

.alert_div .login_btn {
  text-align: center;
  float: left;
  width: 100%;
  margin-bottom: 23px;
  border: none;
}
.alert_div .login_btn .btn{
  width: 107px;
}

.alert_div .chang_login .butt {
    width: 20%;
    color: #fff;
    background-color: #409EFF;
    /* cursor: pointer; */
    padding: 12px 20px;
    margin: 20px auto;
    font-size: 16px;
    border-radius: 4px;
    outline-style: none;
    border: none;
}

/* ==========首页图表展示样式 start========== */
.censusNav{
  background-color: #ffffff;
  padding: 10px 15px;
  box-sizing: border-box;
  margin-bottom: 13px;
  border-radius: 9px;
}
.censusNav .censusNavItem{
  float: left;
  width: 140px;
  margin-right: 67px;
  text-align: center;

}
.censusNav .nMr{
  margin-right: 0;
}
.censusNav .censusNavItem p{
  color: #676767;
  line-height: 24px;
}
.censusNav .censusNavItem span{
  display: block;
  color: #676767;
}
.censusNav .censusNavItem span b{
  color: #30A0F6;
  font-size: 16px;
}
/* 图表 */
.chartWrap{

}
.chartWrap h1{
  color: #333;
  font-size: 14px;
  font-weight: bold;
}
.chartWrap .chartLeft{
  width: 300px;
}
.chartWrap .chartLeft .chartLTop,.chartWrap .chartLeft .chartLBottom{
  background-color: #ffffff;
  border-radius: 9px;
  padding: 25px 19px;
  margin-bottom: 13px;
  box-sizing: border-box;
}
.chartLTop .chartItem{
  width: 100%;
  height: 260px;
}
.chartWrap .chartLeft .chartLBottom{
  height: 630px;
  padding-bottom: 42px;
}
.chartWrap .chartLeft .chartLBottom .table{
  margin-top: 20px;
}
.chartLeft .chartLBottom .table td{
  padding: 12px 10px;
}
.chartLeft .chartLBottom .table td span{
  display: inline-block;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chartLeft .chartLBottom .table .odd{
  background: #f2f2f2;
}
/* chartRight */
.chartWrap .chartRight{
  float: left;
  width: 898px;
  box-sizing: border-box;
  margin-left: 10px;
}
.chartWrap .chartRight .chartRTopLeft{
  width: 588px;
}
.chartWrap .chartRight .chartRTopRight{
  width: 300px;
  margin-left: 10px;
}
/* dwNum */
.chartRTopLeft .dwNum{
  background-color: #ffffff;
  border-radius: 6px;
  margin-bottom: 13px;
}
.dwNum .dwNumLeft,.dwNum .dwNumRight{
  width: 50%;
  padding: 25px 19px;
  box-sizing: border-box;
}
.dwNum .up{
  color: green;
}
.dwNum .down{
  color: red;
}
.dwNum .dwNumLeft{
  border-right: 1px solid #edebeb;
}
/* chartRTopLchart1 */
.chartRTopLeft .chartRTopLchart1,.chartRTopLeft .chartRTopLchart2{
  background-color: #ffffff;
  border-radius: 6px;
  margin-bottom: 13px;
  padding: 18px 19px;
  box-sizing: border-box;
}

.chartRTopLchart1 .gwlistLeft span{
  text-align: left;
}
.chartRTopLchart1 .textRight span{
  text-align: right;
}
.chartRTopLchart1 .centerImg{
  width: 230px;
}
.chartRTopLchart1 .centerImg img{
  max-width: 100%;
  height: 260px;
}
.chartRTopLchart1 .gwlist{
  width: 320px;
  height: 260px;
  padding-left: 10px;
  box-sizing: border-box;
}
.gwlist .gwlistNav span{
  float: left;
  padding-left: 30px;
  position: relative;
}
.gwlist .gwlistNav span::before{
  content: '';
  position: absolute;
  left: 15px;
  top: 6px;
  display: inline-block;
  width: 10px;
  height: 10px;
}
.gwlist .gwlistNav .gw::before{
  background-color: #50C14E;
}
.gwlist .gwlistNav .bys::before{
  background-color: #F65177;
}
.chartRTopLchart1 .gwlistList p{
  display: block;
  width: 155px;
  float: left;
  font-size: 12px;
  line-height: 24px;
  text-align: left;
}
.chartRTopLchart1 .gwlistList p span{
  float: left;
  width: 70px;
  text-align: right;
}
.chartRTopLchart1 .gwlistList p b{
  color:#50C14E;
  float: left;
  width: 37px;
  text-align: center;
  margin-right: 10px;
}
.chartRTopLchart1 .gwlistList p strong{
  color:#F65177;
  float: left;
  width: 37px;
  text-align: center;
}
/* chartRTopLchart2 */
.chartRTopLchart2 .RTLCnav{
  padding-bottom: 13px;
  border-bottom: 1px solid #ccc;
}
.RTLCnav h1{
  line-height: 27px;
}
.RTLCnav div span{
  padding: 3px 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-left:4px;
  cursor: pointer;
}
.RTLCnav div .active{
  color: #ffffff;
  background-color: #30A0F6;
}
.chartRTopLchart2 .chartItem{
  width: 100%;
  height: 200px;
}
/* chartRTopRight */
.chartRTopRight .chartRTopRchart1,.chartRTopRight .chartRTopRchart2{
  background-color: #ffffff;
  border-radius: 6px;
  margin-bottom: 13px;
  padding: 25px 19px;
  box-sizing: border-box;
}
.chartRTopRight .chartRTopRchart1 .chartItem,.chartRTopRight .chartRTopRchart2 .chartItem{
  width: 100%;
  height: 260px;
}
/* chartRBottom */
.chartRBottom {
  background-color: #ffffff;
  border-radius: 6px;
  margin-bottom: 13px;
  padding: 25px 19px;
  box-sizing: border-box;
  width: 100%;
  /* height: 188px; */
  height: 288px;
}
.chartRBottom .chartItem{
  width: 100%;
  height: 218px;
}
/* ==========首页图表展示样式 end========== */
